<template>
	<view>
		<view class="header">
			<view class="head">
				<view class="headportrait"></view>
				<view class="userName">龙宗优选</view>
			</view>
				<!-- 当前商城 -->
				<view class="present">
					<view class="news">当前商城</view>
					<view class="optim">龙宗优选</view>
				</view>
		</view>
		<view class="quit">
			<image src="../../.../../../static/home.png"></image>
			<text>退出登录</text>
		</view>
		<tabbar @selectTabbar="selectTabbar" ref="tabbar"></tabbar>
	</view>
</template>

<script>
	import tabbar from '@/components/tabBar-admin/tabBar.vue'
	export default {
		components:{
			tabbar
		},
		data() {
			return {
				
			}
		},
		onShow() {
			this.$refs.tabbar.current = 3
		},
		methods: {
			// 切换tabbar
			selectTabbar(e) {
				console.log(e)
				console.log(e.pagePath);
				uni.redirectTo({
					url: e.pagePath
				});
			},
		}
	}
</script>

<style lang="less">
.header{
	position: relative;
	.head{
		background-color: #E66E5D;
		display: flex;
		align-items: center;
		padding: 50rpx 30rpx;
		.headportrait{
			width: 112rpx;
			height: 112rpx;
			background-color: #D9D9D9;
			border-radius: 50%;
		}
		.userName{
			color: #fff;
			font-size: 28rpx;
			margin-left: 25rpx;
		}
	}
	.present{
		position: absolute;
		left: 50%;
		bottom: -70rpx;
		transform: translateX(-50%);
		background-color: #fff;
		box-shadow: 1px 1px 5px 1px #999;
		display: flex;
		justify-content: space-between;
		width: 85%;
		padding: 30rpx;
		border-radius: 15rpx;
		.news{
			color: #6E6E6E;
			font-size: 32rpx;
		}
		.optim{
			color: #353535;
		}
	}
}
.quit{
	border-bottom: 1px solid #EDEDED;
	margin: 80rpx 20rpx 0;
	padding: 30rpx 20rpx;
	display: flex;
	align-items: center;
	image{
		width: 56rpx;
		height: 56rpx;
	}
	text{
		color: #323232;
		margin-left: 30rpx;
	}
}
</style>
